<!DOCTYPE html>
<html>
    <head>
        <title>图片预览组件</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <script src="../highlight/shCore.js">

        </script>
        <link type="text/css" rel="stylesheet" href="../style/avalon.doc.css"/>
    </head>
    <body>
        <div class="wrapper">
            <h2>preview</h2>
            <fieldset>
                <legend>图片预览组件</legend>
                IE6-9只能一个个预览, 其他高级浏览器设置了multiple可以批量预览
            </fieldset>
            <fieldset>
                <legend>使用说明</legend>
                <table class="table-doc">
                    <tr>
                        <th>名字</th><th>默认值</th> <th>说明</th>
                    </tr>
                    <tr>
                        <td colspan="3" align="center">配置参数</td>
                    </tr>
                    <tr>
                        <td>width</td>
                        <td>200</td> 
                        <td>预览图片的宽</td>
                    </tr>
                    <tr>
                        <td>height</td>
                        <td>160</td> 
                        <td>预览图片的高</td>
                    </tr>
                    <tr>
                        <td>className</td>
                        <td>""</td> 
                        <td>预览图片要添加的类名</td>
                    </tr>

                </table>
            </fieldset>
            <ul class="example-links">
                <li><a href="avalon.preview.ex1.html">示例1</a></li>
                <li><a href="avalon.preview.ex2.html">示例2</a></li>
            </ul>
        </div>
    </body>
</html>
